<%@ page language="java" contentType="text/html; charset=utf-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<html class="no-js" lang="en">
<head>
    <meta charset="utf-8"/>
    <title>个人中心</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <!-- Mobile Specific Meta  -->
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
    <!-- Google Fonts -->
    <link href='https://fonts.googleapis.com/css?family=Lato:400,300,700,900,100' rel='stylesheet' type='text/css'/>
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="${pageContext.request.contextPath }/assets/css1/bootstrap.min.css"/>
    <link rel="stylesheet" href="${pageContext.request.contextPath }/assets/css1/font-awesome.min.css"/>
    <!-- Custom CSS -->
    <link href="${pageContext.request.contextPath }/style1.css" rel="stylesheet"/>
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="http://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="http://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/assets/rs-plugin/css/settings.css"
          media="screen"/>

    <!-- StyleSheets -->
    <link rel="stylesheet" href="${pageContext.request.contextPath }/assets/css2/ionicons.min.css"/>
    <link rel="stylesheet" href="${pageContext.request.contextPath }/assets/css2/bootstrap.min.css"/>
    <link rel="stylesheet" href="${pageContext.request.contextPath }/assets/css2/font-awesome.min.css"/>
    <link rel="stylesheet" href="${pageContext.request.contextPath }/assets/css2/main.css"/>
    <link rel="stylesheet" href="${pageContext.request.contextPath }/assets/css2/style.css"/>
    <link rel="stylesheet" href="${pageContext.request.contextPath }/assets/button/MovieDetail.css"/>

    <link rel="stylesheet" href="${pageContext.request.contextPath }/assets/css2/responsive.css"/>
    <!-- Fonts Online -->
    <link href="https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i"
          rel="stylesheet"/>

    <link href='https://fonts.googleapis.com/css?family=Lato:400,300,700,900,100' rel='stylesheet' type='text/css'/>
    <!-- JavaScripts -->
    <script src="${pageContext.request.contextPath }/assets/js3/vendors/modernizr.js"></script>

    <style type="text/css">
        h3 {
            font-family: Microsoft YaHei;
            color: white;
            font-style: italic;
        }
    </style>
</head>
<body>

<div id="wrap" class="layout-1">
    <!-- Top bar -->
    <div class="top-bar">
        <div class="container">
            <p>欢迎来到本网站</p>
            <div class="right-sec">
                <ul>
                    <li>
                        <c:if test="${member == null}">
                            <a href="${pageContext.request.contextPath }/memberIndex?method=doLogin">登录</a>
                        </c:if>
                        <c:if test="${member != null}">
                            欢迎${member.name }&nbsp;&nbsp;&nbsp;&nbsp;
                            <a href="${pageContext.request.contextPath }/memberIndex?method=logout">注销</a>
                        </c:if>
                    </li>
                    <li><a href="${pageContext.request.contextPath }/memberIndex?method=doRegister">注册</a></li>
                    <li>
                        <c:if test="${member != null}">
                            <a href="/viewMyOrdersClick">个人中心</a>
                        </c:if>
                    </li>
                    <li><a href="/sellerLogin">联系我们</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>
<section class="featur-tabs padding-top-10 padding-bottom-60">
    <div style="font-family:Microsoft YaHei;color:white;background-color: #0a95da;margin:20px auto;padding:10px;height:10%;">
        <h3 style="vertical-align:middle;margin-left:30px;display:inline-block">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;个人中心</h3>
    </div>
    <div class="container">
        <!-- Nav tabs -->
        <ul class="nav nav-tabs nav-pills margin-bottom-40" role="tablist">
            <li role="presentation" class="active"><a href="#evaluationManagement" aria-controls="special" role="tab"
                                                      data-toggle="tab">影评管理</a></li>
            <li role="presentation"><a href="#reviewEssayManagement" aria-controls="special" role="tab"
                                       data-toggle="tab">文章管理</a></li>
            <li role="presentation"><a href="#personalInformation" aria-controls="special" role="tab" data-toggle="tab">个人信息</a>
            </li>
        </ul>

        <!-- Tab panes -->
        <div class="tab-content">
            <!-- Special -->
            <div role="evaluationManagement" class="tab-pane fade active in" id="evaluationManagement">
                <!-- Items Slider -->
                <div class="item-col-5">
                    <table class="table">
                        <thead>
                        <tr>
                            <th class="hidden">影片评价ID</th>
                            <th>影片名称</th>
                            <th>评分</th>
                            <th>影片评价内容</th>
                        </tr>
                        </thead>
                        <tbody>
                        <c:forEach var="movieEvaluation" items="${movieEvaluationList}">
                            <tr>
                                <td class="hidden">${movieEvaluation.id}</td>
                                <td>${movieEvaluation.name}</td>
                                <td>${movieEvaluation.score}</td>
                                <td><p>${movieEvaluation.content}</p></td>
                            </tr>
                        </c:forEach>
                        </tbody>
                    </table>
                </div>
            </div>
            <div role="reviewEssayManagement" class="tab-pane fade" id="reviewEssayManagement">
                <!-- Items Slider -->
                <div class="item-col-5">
                    <table class="table">
                        <thead>
                        <tr>
                            <th class="hidden">影评文章ID</th>
                            <th>影片名称</th>
                            <th>评分</th>
                            <th>影评文章标题</th>
                        </tr>
                        </thead>
                        <tbody>
                        <c:forEach var="movieReviewEssay" items="${movieReviewEssayList}">
                            <tr>
                                <td class="hidden">${movieReviewEssay.id}</td>
                                <td>${movieReviewEssay.name}</td>
                                <td>${movieReviewEssay.score}</td>
                                <td>${movieReviewEssay.title}</td>
                            </tr>
                        </c:forEach>
                        </tbody>
                    </table>
                </div>
            </div>
            <div role="personalInformation" class="tab-pane fade" id="personalInformation">
                <!-- Items Slider -->
                <div class="item-col-5">
                    <form class="form-horizontal" role="form"
                          action="${pageContext.request.contextPath }/memberCenter?method=modify" method="post">
                        <div class="form-group">
                            <label class="col-sm-2 control-label">会员ID</label>
                            <div class="col-sm-10">
                                <input class="form-control" id="focusedInput6" type="text" name="id"
                                       value="${member.id}" READONLY>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">会员账号</label>
                            <div class="col-sm-10">
                                <input class="form-control" id="focusedInput5" type="text" name="account"
                                       value="${member.account}" readonly>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">会员姓名</label>
                            <div class="col-sm-10">
                                <input class="form-control" id="focusedInput" type="text" name="name"
                                       value="${member.name}">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">会员Email</label>
                            <div class="col-sm-10">
                                <input class="form-control" id="focusedInput2" type="text" name="email"
                                       value="${member.email}">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">会员手机号</label>
                            <div class="col-sm-10">
                                <input class="form-control" id="focusedInput3" type="text" name="phone"
                                       value="${member.phone}">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">会员密码</label>
                            <div class="col-sm-10">
                                <input class="form-control" id="focusedInput4" type="text" name="password"
                                       value="${member.password}">
                            </div>
                        </div>

                        <div align="center">
                            <button type="submit" class="button button-pill button">修改</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- End Content -->

<footer>
    <hr>
    <div class="container">

        <!-- Footer Upside Links -->

        <div class="row">

            <!-- Contact -->
            <div class="col-md-9">
                <h4>联系我们</h4>
            </div>

            <div class="col-md-3">
                <h4></h4>
                <ul class="links-footer">
                    <li><a href="/About">关于我们</a></li>
                    <li><a href="/BuyerFAQs">帮助中心</a></li>
                    <li><a href="/SecureShopping">免责声明</a></li>
                    <li><a href="/JoinUs">加入我们</a></li>
                </ul>
            </div>

            <div class="col-md-12" align="center">
                <br>
                Copyright © 2018 &emsp;www.hwadee.com
            </div>
        </div>
    </div>
</footer>
<!-- GO TO TOP  -->
<a href="#" class="cd-top"><i class="fa fa-angle-up"></i></a>
<!-- GO TO TOP End -->
</div>
<!-- End Page Wrapper -->

<!-- mobile-menu-area-start -->
<!-- modal-end -->
<!-- all js here -->
<script src="assets/js2/vendors/jquery/jquery.min.js"></script>
<script src="assets/js2/vendors/wow.min.js"></script>
<script src="assets/js2/vendors/bootstrap.min.js"></script>
<script src="assets/js2/vendors/own-menu.js"></script>
<script src="assets/js2/vendors/jquery.sticky.js"></script>
<script src="assets/js2/vendors/owl.carousel.min.js"></script>

<!-- SLIDER REVOLUTION 4.x SCRIPTS  -->
<script type="text/javascript" src="assets/rs-plugin/js/jquery.tp.t.min.js"></script>
<script type="text/javascript" src="assets/rs-plugin/js/jquery.tp.min.js"></script>
<script src="assets/js2/main.js"></script>
</body>

</html>